<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>深圳市骏凯网络科技有限公司</title>
<link th:href="@{/css/home/base.css}" rel="stylesheet" type="text/css"  />
<link th:href="@{/css/home/uncover.css}" rel="stylesheet" type="text/css"  />
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" ></link>
<link th:href="@{/composents/element-ui/lib/theme-chalk/index.css}" rel="stylesheet"/>
<link th:href="@{css/sweetalert.css}" rel="stylesheet" />
<link th:href="@{css/ionicons.min.css}" rel="stylesheet"/>
<link th:href="@{css/linear-icon.css}" rel="stylesheet"/>
<link th:href="@{css/owl.carousel.css}" rel="stylesheet"/>
<link th:href="@{css/owl.theme.css}" rel="stylesheet"/>
<link th:href="@{css/magnific-popup.css}" rel="stylesheet" />
<link th:href="@{css/main.css}" rel="stylesheet" />
<link th:href="@{css/home/index.css}" rel="stylesheet" />

</head>
<body>
	 <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header" width= 500PX>
         <!--  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button> -->
          <!-- <a class="navbar-brand1" href="#home"> -->
            <img src="images/LOGO2.png" alt=""  height="50px" width="500PX" >
            <!-- <span class="text--bold">深圳市骏凯网络科技有限公司</span> -->
          <!-- </a> -->
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#home" >首页 <span class="sr-only">(current)</span></a></li>
            <!-- <li><a href="#contact">金牌商家</a></li> -->
            <li><a href="#about">公司简介</a></li>
            <li><a href="#features">产品及业务</a></li>
            <!-- <li><a href="#testimonials">公司文化</a></li> -->
            <!-- <li><a href="javascript:void(0);" onclick="gotoManageSystem()">后台管理</a></li> -->
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
    <div id="main_page_menu">
    
    <!-- HOME -->
    <!-- style="background-image:url(images/header1.jpg)" -->
    <section id="home" class="section jumbotron-section bg--position-center no-repeat bg-cover md-display-table" >
    
    	<div class="demo-1 loading">
    		
		<main>
			<div class="content content--fixed">
				<nav class="pagination" style="display:none;">
					<span id="page_first_home1" class="pagination__item"></span>
					<span id="page_first_home2" class="pagination__item"></span>
					<span id="page_first_home3" class="pagination__item"></span>
					<span id="page_first_home4" class="pagination__item"></span>
					<span id="save_trigger_value">1</span>
					<span id="save_trigger_max_value">4</span>
				</nav> 
			</div>
			<div class="slides">
				<div class="slide">
					<div class="slide__img" style="background-image: url(images/header4.jpg);">
					</div>
				</div>
				<div class="slide">
					<div class="slide__img" style="background-image: url(images/header1.jpg);">
					</div>
				</div>
				<div class="slide">
					<div class="slide__img" style="background-image: url(images/header3.jpg);">
					</div>
				</div>
				<div class="slide">
					<div class="slide__img" style="background-image: url(images/header2.jpg);">
					</div>
				</div>
			</div>
			<div class="button-wrap">
				<button class="previous" onclick="last_pic();">回忆过去</button>
				<button class="next" onclick="next_pic();">走向未来</button>
			</div>
		</main>
    		<script th:src="@{js/home/imagesloaded.pkgd.min.js}"></script>
			<script th:src="@{js/home/anime.min.js}"></script>
			<script th:src="@{js/home/uncover.js}"></script>
			<script th:src="@{js/home/switch_home.js}"></script>
    	</div>
    
    </section>
    <!-- HOME END -->
    
    <!-- ABOUT -->
    <section id="about" class="section jumbotron-section jumbotron-section1 bg--position-center no-repeat bg-cover md-display-table" style="background-image:url(images/header5.jpg)" >
      <div class="row absolute-image-container">
      </div>
    </section>
    <!-- ABOUT END -->
	<!-- 金牌商家 -->
    <!-- <section id="contact" class="section section-news">
		<div id="mainApp"></div>
	</section> -->
	 <!-- 金牌商家 -->

    <!-- FEATURE -->
    <section id="features" class="section features">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <div class="featured-image-container">
              <img class="max-width-100" src="images/featured-vector.png" alt="">
            </div>
          </div>
          <div class="col-md-6">
            <div class="regular-content margin-bottom--30">
              <header>
                <h3><span class="text--semi-bold">我们的产品和业务</span> </h3>
              </header>
              <p> 我们提供专业的erp平台，以提高企业的办公运营效率；
              </p>
            </div>
            <div class="media">
              <a class="media-left" href="#">
                <div class="media-object"><i class="ion-ios-toggle-outline"></i></div>
              </a>
              <div class="media-body">
                <h4 class="media-heading">Goto Anything</h4>
                <div class="media-text">
                  <p>
                  		关注首页
                  </p>
                </div>
              </div>
            </div>
            <div class="media">
              <a class="media-left" href="#">
                <div class="media-object media-iconic"><i class="ion-ios-photos-outline"></i></div>
              </a>
              <div class="media-body">
                <h4 class="media-heading">Multiple Selections</h4>
                <div class="media-text">
                  <p>
                  		关注首页
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- FEATURE END-->


	</div>
	
	<!-- 管理后台 -->
	<section class="section" hidden="hidden" id="manage_company_sec">
		<div id="manage_company"></div>
	</section>
	
	<!-- 管理后台 -->
	
    <!-- FOOTER -->
    <footer>
      <section class="section footer-top">
        <div class="container">
          <div class="row">
          <!-- 未来有需要再添加 -->
            <!-- <div class="col-md-5">
              <div class="row">
               <div class="col-md-6 col-sm-6">
                  <div class="list-item-header">
                    	联系我们
                  </div>
                  <div class="list-group footer-list-group">
                    <a href="#" class="list-group-item">Dolphin</a>
                    <a href="#" class="list-group-item">Web Player</a>
                    <a href="#" class="list-group-item">Cache server</a>
                    <a href="#" class="list-group-item">Audio player</a>
                    <a href="#" class="list-group-item">Older Version </a>
                  </div>
                </div> 
                <div class="col-md-6 col-sm-6">
                  <div class="list-item-header">
                    RESOURCES
                  </div>
                  <div class="list-group footer-list-group">
                    <a href="#" class="list-group-item">Learn Dolphin</a>
                    <a href="#" class="list-group-item">Latest news</a>
                    <a href="#" class="list-group-item">Documantion</a>
                    <a href="#" class="list-group-item">FAQ</a>
                    <a href="#" class="list-group-item">Gameplay</a>
                  </div>
                </div> 
              </div>
            </div> -->
            <div class="col-md-12">
              <div class="row">
                <div class="col-md-6">
                  <div class="list-item-header">
                    	联系我们
                  </div>
                  <div class="contact-details">
                    <div class="media">
                      <div class="media-left contact-media-left">
                        <p>Address</p>
                      </div>
                      <div class="media-body">
                        <p>广州市黄浦区大沙地</p>
                      </div>
                    </div>
                    <div class="media">
                      <div class="media-left contact-media-left">
                        <p>Mobile</p>
                      </div>
                      <div class="media-body">
                        <p>17502014782</p>
                        <p>18520227758</p>
                        <p>13535157471</p>
                      </div>
                    </div>
                    <div class="media">
                      <div class="media-left contact-media-left">
                        <p>Email</p>
                      </div>
                      <div class="media-body">
                        <p>jk_vip@yeah.net</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <br/><br/><br/><br/><br/><br/><br/>
	              <a id="scroll-top-div" href="" class="pull-right back-top-btn">回到首页 <span class="btn-icon"><i class="ion-ios-arrow-thin-up"></i></span></a>
	            </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="footer-bottom">
        <div class="container">
          <hr class="footer-devider">
          <div class="row">
          	<div class="col-md-5"></div>
          	<div class="col-md-5"><p class="copyright">Copyright © 2018 <a href="" title="深圳市骏凯网络科技有限公司">深圳市骏凯网络科技有限公司</a> </p></div>
          </div>
        </div>
      </section>
    </footer>
    
    
    <!-- PRELOADER -->
    <div class="preloader-body">
      <div class="cube-wrapper">
        <div class="cube-folding">
          <span class="leaf1"></span>
          <span class="leaf2"></span>
          <span class="leaf3"></span>
          <span class="leaf4"></span>
        </div>
        <span class="loading" data-name="Loading">据说天天微笑的人运气都不会差哦......</span>
      </div>
    </div>

</body>
<script type="text/javascript" th:src="@{/js/jquery-3.1.0.min.js}"></script>
<script type="text/javascript" th:src="@{js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{js/owl.carousel.js}"></script>
<script type="text/javascript" th:src="@{/js/common.js}"></script>
<script type="text/javascript" th:src="@{/js/vue/vue.js}"></script>
<script type="text/javascript" th:src="@{/composents/element-ui/lib/index.js}"></script>
<script type="text/javascript" th:src="@{js/jquery.magnific-popup.min.js}"></script>
<script type="text/javascript" th:src="@{js/main.js}"></script>
<!-- 时间格式化工具 -->
<script type="text/javascript" th:src="@{/js/moment/moment.min.js}"></script>
<!-- 弹出窗 -->
<script type="text/javascript" th:src="@{/js/sweetalert/sweetalert.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main_index/index.js}"></script>
<script type="text/javascript">

function gotoManageSystem() {

	$('#main_page_menu').hide();
	$('#manage_company_sec').show();

	$.get(COMMON_URL.URL+'manage/manage_page',function(data){
		$('#manage_company').html(data);
	});
	
}

</script>
<script th:src="@{js/home/home_controller.js}"></script>
</html>